<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<head>

    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Harmic - Organic Food HTML Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="<%=basePath%>css/style.css" rel="stylesheet">
    <link href="<%=basePath%>css/bootstrap.min.css" rel="stylesheet">
    <link href="<%=basePath%>css/theme.css" rel="stylesheet">
    <link href="<%=basePath%>css/fonts.css" rel="stylesheet">
    <script src="<%=basePath%>js/jquery.min.js"></script>
    <script src="<%=basePath%>js/bootstrap.js"></script>
    <!-- Favicon -->
    <%--<link rel="shortcut icon" type="image/x-icon" href="<%=basePath%>User/<%=basePath%>User/assets/images/favicon.ico" />--%>

    <!-- Minify Version -->
    <link rel="stylesheet" href="<%=basePath%>User/assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="<%=basePath%>User/assets/css/plugins/plugins.min.css">

    <!-- Style CSS -->
    <link rel="stylesheet" href="<%=basePath%>User/assets/css/style.min.css">

</head>

<body>

<div class="main-wrapper">

    <div class="slider-area">


    </div>

    <!-- Begin Shipping Area -->
    <div class="shipping-area section-space-top-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="<%=basePath%>User/assets/images/shipping/icon/plane.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">待处理订单</h5>
                            <p class="short-desc mb-0"><s:property value="#request.myorder_size-#request.finish_order_size"/> </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 pt-6 pt-md-0">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="<%=basePath%>User/assets/images/shipping/icon/earphones.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">最近订单数</h5>
                            <p class="short-desc mb-0"><s:property value="#request.myorder_size"/> </p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 pt-6 pt-lg-0">
                    <div class="shipping-item">
                        <div class="shipping-img">
                            <img src="<%=basePath%>User/assets/images/shipping/icon/shield.png" alt="">
                        </div>
                        <div class="shipping-content">
                            <h5 class="title">上一次登录</h5>
                            <p class="short-desc mb-0"><s:property value="#request.userinfoEntity.formatLastLoginTime()"/> </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Shipping Area End Here -->

    <!-- Begin Product Area -->
    <div class="product-area section-space-top-100">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <ul class="nav product-tab-nav pb-10" id="myTab" role="tablist">
                        <li class="nav-item" role="presentation">
                            <a class="active" id="all-items-tab" data-bs-toggle="tab" href="#all-items" role="tab" aria-controls="all-items" aria-selected="true">
                                <div class="product-tab-icon">
                                    <img src="<%=basePath%>User/assets/images/product/icon/1.png" alt="Product Icon">
                                </div>
                                热搜榜
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a id="fresh-fruits-tab" data-bs-toggle="tab" href="#fresh-fruits" role="tab" aria-controls="fresh-fruits" aria-selected="false">
                                <div class="product-tab-icon">
                                    <img src="<%=basePath%>User/assets/images/product/icon/2.png" alt="Product Icon">
                                </div>
                                热门借阅

                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a id="vegetable-tab" data-bs-toggle="tab" href="#vegetable" role="tab" aria-controls="vegetable" aria-selected="false">
                                <div class="product-tab-icon">
                                    <img src="<%=basePath%>User/assets/images/product/icon/3.png" alt="Product Icon">
                                </div>
                                近日上新

                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a id="fish-meat-tab" data-bs-toggle="tab" href="#fish-meat" role="tab" aria-controls="fish-meat" aria-selected="false">
                                <div class="product-tab-icon">
                                    <img src="<%=basePath%>User/assets/images/product/icon/4.png" alt="Product Icon">
                                </div>
                                评论最多
                            </a>
                        </li>
                        <li class="nav-item" role="presentation">
                            <a id="wheat-tab" data-bs-toggle="tab" href="#wheat" role="tab" aria-controls="wheat" aria-selected="false">
                                <div class="product-tab-icon">
                                    <img src="<%=basePath%>User/assets/images/product/icon/5.png" alt="Product Icon">
                                </div>
                                推荐
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content" id="myTabContent">
                        <div class="tab-pane fade show active" id="all-items" role="tabpanel" aria-labelledby="all-items-tab">
                            <div class="product-item-wrap row">
                                <s:iterator value="#request.hot_books" var="book">
                                <div class="col-xl-3 col-lg-8 col-sm-6">
                                    <div class="product-item">
                                        <div class="product-img img-zoom-effect">

                                                <img style="overflow: hidden;height:250px;"  class="img-full" src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg >
                                            <div class="product-add-action">
                                                <ul>
                                                    <li>
                                                        <a href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>">
                                                            <i class="pe-7s-cart"></i>
                                                        </a>
                                                    </li>
                                                    <%--<li>--%>
                                                        <%--<a href="<%=basePath%>User/compare.html">--%>
                                                            <%--<i class="pe-7s-shuffle"></i>--%>
                                                        <%--</a>--%>
                                                    <%--</li>--%>
                                                    <%--<li>--%>
                                                        <%--<a href="<%=basePath%>User/wishlist.html">--%>
                                                            <%--<i class="pe-7s-like"></i>--%>
                                                        <%--</a>--%>
                                                    <%--</li>--%>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="product-content">
                                             <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" style="cursor: pointer;color: #0dcaf0" ><s:property value="#book.book_name"/></a>
                                            <div class="price-box pb-1">
                                                <span class="new-price"><s:property value="#book.book_Author"/></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </s:iterator>

                        </div>
                        </div>
                        <div class="tab-pane fade" id="fresh-fruits" role="tabpanel" aria-labelledby="fresh-fruits-tab">
                            <div class="product-item-wrap row">
                                <s:iterator value="#request.vister_books" var="book">
                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                        <div class="product-item">
                                            <div class="product-img img-zoom-effect">
                                                    <img style="overflow: hidden;height:300px;"  class="img-full" src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg >
                                                <div class="product-add-action">
                                                    <ul>
                                                        <li>
                                                            <a href="">
                                                                <i class="pe-7s-cart"></i>
                                                            </a>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                 <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" style="cursor: pointer;color: #0dcaf0" ><s:property value="#book.book_name"/></a>
                                                <div class="price-box pb-1">
                                                    <span class="new-price"><s:property value="#book.book_Author"/></span>
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </s:iterator>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="vegetable" role="tabpanel" aria-labelledby="vegetable-tab">
                            <div class="product-item-wrap row">
                                <s:iterator value="#request.new_books" var="book">
                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                        <div class="product-item">
                                            <div class="product-img img-zoom-effect">

                                                    <img style="overflow: hidden;height:300px;"  class="img-full" src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg >

                                                <div class="product-add-action">
                                                    <ul>
                                                        <li>
                                                            <a href="">
                                                                <i class="pe-7s-cart"></i>
                                                            </a>
                                                        </li>
                                                            <%--<li>--%>
                                                            <%--<a href="<%=basePath%>User/compare.html">--%>
                                                            <%--<i class="pe-7s-shuffle"></i>--%>
                                                            <%--</a>--%>
                                                            <%--</li>--%>
                                                            <%--<li>--%>
                                                            <%--<a href="<%=basePath%>User/wishlist.html">--%>
                                                            <%--<i class="pe-7s-like"></i>--%>
                                                            <%--</a>--%>
                                                            <%--</li>--%>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                 <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" style="cursor: pointer;color: #0dcaf0" ><s:property value="#book.book_name"/></a>
                                                <div class="price-box pb-1">
                                                    <span class="new-price"><s:property value="#book.book_Author"/></span>
                                                </div>
                                                    <%--<div class="rating-box">--%>
                                                    <%--<ul>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--</ul>--%>
                                                    <%--</div>--%>
                                            </div>
                                        </div>
                                    </div>
                                </s:iterator>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="fish-meat" role="tabpanel" aria-labelledby="fish-meat-tab">
                            <div class="product-item-wrap row">
                                <s:iterator value="#request.comment_books" var="book">
                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                        <div class="product-item">
                                            <div class="product-img img-zoom-effect">

                                                    <img style="overflow: hidden;height:100%;"  class="img-full" src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg >
                                                <div class="product-add-action">
                                                    <ul>
                                                        <li>
                                                            <a href="">
                                                                <i class="pe-7s-cart"></i>
                                                            </a>
                                                        </li>
                                                           
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                 <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" style="cursor: pointer;color: #0dcaf0" ><s:property value="#book.book_name"/></a>
                                                <div class="price-box pb-1">
                                                    <span class="new-price"><s:property value="#book.book_Author"/></span>
                                                </div>
                                                    <%--<div class="rating-box">--%>
                                                    <%--<ul>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--</ul>--%>
                                                    <%--</div>--%>
                                            </div>
                                        </div>
                                    </div>
                                </s:iterator>

                            </div>
                        </div>
                        <div class="tab-pane fade" id="wheat" role="tabpanel" aria-labelledby="wheat-tab">
                            <div class="product-item-wrap row">
                                <s:iterator value="#request.Recommend_books" var="book">
                                    <div class="col-xl-3 col-lg-4 col-sm-6">
                                        <div class="product-item">
                                            <div class="product-img img-zoom-effect">

                                                    <img style="overflow: hidden;height:300px;"  class="img-full" src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg >
                                                <div class="product-add-action">
                                                    <ul>
                                                        <li>
                                                            <a href="">
                                                                <i class="pe-7s-cart"></i>
                                                            </a>
                                                        </li>
                                                            <%--<li>--%>
                                                            <%--<a href="<%=basePath%>User/compare.html">--%>
                                                            <%--<i class="pe-7s-shuffle"></i>--%>
                                                            <%--</a>--%>
                                                            <%--</li>--%>
                                                            <%--<li>--%>
                                                            <%--<a href="<%=basePath%>User/wishlist.html">--%>
                                                            <%--<i class="pe-7s-like"></i>--%>
                                                            <%--</a>--%>
                                                            <%--</li>--%>
                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="product-content">
                                                 <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" style="cursor: pointer;color: #0dcaf0" ><s:property value="#book.book_name"/></a>
                                                <div class="price-box pb-1">
                                                    <span class="new-price"><s:property value="#book.book_Author"/></span>
                                                </div>
                                                    <%--<div class="rating-box">--%>
                                                    <%--<ul>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--<li><i class="pe-7s-star"></i></li>--%>
                                                    <%--</ul>--%>
                                                    <%--</div>--%>
                                            </div>
                                        </div>
                                    </div>
                                </s:iterator>
                            </div>
                        </div>
                    </div>

            </div>
        </div>
    </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="product-area section-space-y-axis-100">
        <div class="container">
            <div class="section-title text-center pb-55">
                <span class="sub-title text-primary">See Our Latest</span>
                <h2 class="title mb-0">猜你喜欢</h2>
            </div>
            <div class="row">
                <div class="col-lg-12">
                    <div class="swiper-container product-slider swiper-arrow with-radius border-issue">
                        <div class="swiper-wrapper">
                            <s:iterator value="#request.hot_books" var="book">
                            <div class="swiper-slide">
                                <div class="product-item" align="center">
                                    <div class="product-img img-zoom-effect">

                                            <img style="height: 300px;width: auto" class=""  src=<%=request.getContextPath()+"/"+"cache/booksInfo/"%><s:property value="#book.book_name"/>.jpg>
                                        <div class="product-add-action">
                                            <ul>
                                                <li>
                                                    <a href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" title="查看图书详情">
                                                        <i class="pe-7s-cart"></i>
                                                    </a>
                                                </li>

                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <a class="product-name" href="ShowBookDetailInfo.action?modify_id=<s:property value="#book.id"/>" title="查看图书详情">
                                            <s:property value="#book.book_name"/>
                                        </a>
                                        <div class="price-box pb-1">
                                            <span class="new-price"><s:property value="#book.SummaryBook_Author()"/></span>
                                        </div>

                                    </div>
                                </div>
                            </div>
                            </s:iterator>
                        </div>
                        <!-- Add Arrows -->
                        <div class="swiper-nav-wrap">
                            <div class="swiper-button-next"></div>
                        </div>
                        <div class="swiper-button-prev"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Product Area End Here -->

    <!-- Begin Scroll To Top -->
    <a class="scroll-to-top" href="">
        <i class="fa fa-chevron-up"></i>
    </a>
    <!-- Scroll To Top End Here -->

</div>
<div style="" class="row">
    <%--<div class="col-sm-6 col-lg-3">--%>
        <div class="card" style="width: 30%;margin: 15px">
            <div class="card-header bg-info">
                <h4>读书达人榜(30天内)</h4>
                <ul class="card-actions">
                    <li>
                        <%--<button type="button"><i class="ftsucai-more"></i></button>--%>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <table class="table table-hover table-striped table-condensed">
                    <thead>
                    <tr>
                        更新于<s:property value="#request.data_time"/>
                    </tr>
                    </thead>
                    <tbody>
                    <s:iterator value="#request.TopUsers" var="user">
                        <tr >
                            <td><s:property value="#user[0].username"/></td>
                            <td><s:property value="#user[1]"/>次</td>
                        </tr>
                    </s:iterator>
                    </tbody>

                </table>
            </div>
        <%--</div>--%>
        </div>
        <div class="card" style="width: 30%;margin: 15px">
            <div class="card-header bg-success bg-primary">
                <h4>待办</h4>
                <ul class="card-actions">
                    <li>
                        <%--<button type="button"><i class="ftsucai-more"></i></button>--%>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <table class="table table-hover table-condensed table-striped">
                    <thead>
                    <tr>
                    </tr>
                    </thead>
                    <tbody>
                    <s:iterator value="#request.Todo" var="data">
                        <tr class="active">
                            <td><s:property value="#data"/></td>
                        </tr>
                    </s:iterator>
                    </tbody>

                </table>
            </div>
        <%--</div>--%>
        </div>
        <div class="card" style="width: 30%;margin: 15px">
            <div class="card-header  bg-primary">
                <h4>最近订单动态预览</h4>
                <ul class="card-actions">
                    <li>
                        <%--<button type="button"><i class="ftsucai-more"></i></button>--%>
                    </li>
                </ul>
            </div>
            <div class="card-body">
                <table class="table table-hover table-condensed table-striped">
                    <thead>
                    <tr>
                    </tr>
                    </thead>
                    <tbody>
                    <s:iterator value="#request.orders" var="order">
                        <tr>
                            <td><s:property value="#order.formatloanTime()"/></td>
                            <td><s:property value="#order.bookname()"/></td>
                            <td><s:property value="#order.state"/></td>
                        </tr>
                    </s:iterator>
                    </tbody>

                </table>
            </div>
        <%--</div>--%>
        </div>
</div>


<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<script src="<%=basePath%>User/assets/js/vendor.min.js"></script>
<script src="<%=basePath%>User/assets/js/plugins.min.js"></script>

<script src="<%=basePath%>User/assets/js/main.min.js"></script>

</body>

</html>